<template>
	<div>
		<!-- <input type="text" ref="inputRef" /> -->
		<input type="text" v-focus />
		<input type="text" v-Gfocus />
	</div>
</template>

<script>
	/* export default {
		directives: {
			focus: {
				// 对象中放的生命周期函数
				mounted(el) {
					console.log('v-focus被挂在了', el)
					el?.focus()
				},
			},
		},
	} */
</script>

<script setup>
	/* import useInput from './hooks/useInput'
	const { inputRef } = useInput() */

	// setup 中的自定义指令(定义表示符，且必须已v开头)
	const vFocus = {
		mounted(el) {
			console.log('v-focus被挂在了', el)
			el?.focus()
		},
	}
</script>

<style lang="less" scoped></style>
